import { useState } from 'react';
import CommonModal from '../modals/CommonModal';
import index from './index.module.css'
import Comment from '../comment/Comment';
import Reply from '../comment/Reply';

export default () => {
  const [isShow, setIsShow] = useState<boolean>(false);
  
  return (
    <>
    <CommonModal 
      isShowModal={isShow}
      setIsShowModal={(flag:boolean) => {
        setIsShow(flag);
      }}
      title={'专家答疑'}>
        <div>
          <Comment></Comment>
          <Reply></Reply>
        </div>
    </CommonModal>
    <div 
      id={index.fixedHelperShaking}
      onClick={() => {
        setIsShow(true);
      }}>
      <p>在线咨询</p>
    </div>
    </>
  )
}